<template>
	<view class="register-sex">
		<image class="register-sex-white" :src="$c.config.media+'mini/register/register-sex.png'" mode=""></image>
		<view class="register-blue">
			性别注册后不可修改，请谨慎选择
		</view>
		<view class="register-sex-content">
			<view class="register-sex-man" :class="data.sex == 1?'register-sex-current':''" @tap="$parent.dataObj.sex = 1">
				<image v-if="data.sex == 1" :src="$c.config.media+'mini/register/register-man.png'" mode=""></image>
				<image v-else :src="$c.config.media+'mini/register/register-man-selected.png'" mode=""></image>
				<view>
					男士
				</view>
			</view>
			<view class="register-sex-woman" :class="data.sex == 2?'register-sex-current':''" @tap="$parent.dataObj.sex = 2">
				<image v-if="data.sex == 2" :src="$c.config.media+'mini/register/register-woman.png'" mode=""></image>
				<image v-else :src="$c.config.media+'mini/register/register-woman-selected.png'" mode=""></image>
				<view>
					女士
				</view>
			</view>
		</view>
		<view class="register-btn1" @tap="$parent.current = 1" :style="'background-image: url('+$c.config.media+'mini/common/jiesuo.png);'">
			继续
		</view>
	</view>
</template>

<script>
export default {
	props:{
		parent: { type: Object },
		data:{type:Object,default:{}}
	},
	data() {
		return {
			$c: this.$c
		}
	},
	created() {
		// #ifndef MP
		this.$parent = this.parent;
		// #endif
	},
	methods: {
		
	},
}
</script>

<style lang="scss">
.register-sex{
	text-align: center;
	margin: 40rpx 28rpx;
	.register-sex-white{
		width: 316rpx;
		height: 54rpx;
	}
	.register-blue{
		color: #8270F9;
		font-size: 32rpx;
		margin-bottom: 120rpx;
	}
	.register-sex-content{
		display: flex;
		justify-content: space-between;
		color: #FFFFFF;
		.register-sex-man{
			width: 334rpx;
			height: 332rpx;
			background-color: #221F30;
			border-radius: 8rpx;
			image{
				width: 178rpx;
				height: 200rpx;
				margin: 28rpx 0 32rpx;
			}
		}
		.register-sex-man.register-sex-current{
			background-color: #8D7CFB;
		}
		.register-sex-woman{
			width: 334rpx;
			height: 332rpx;
			background-color: #221F30;
			border-radius: 8rpx;
			image{
				width: 190rpx;
				height: 200rpx;
				margin: 28rpx 0 32rpx;
			}
		}
		.register-sex-woman.register-sex-current{
			background-color: #8D7CFB;
		}
	}
}
.register-btn1{
	width: 694rpx;
	height: 100rpx;
	background-size: 100% 100%;
	text-align: center;
	line-height: 100rpx;
	color: #FFFFFF;
	margin-top: 80rpx;
}
</style>
